body, input, button {
  font:normal 12px consolas, arial, helvetica, sans-serif;
}
h1 { /*title*/
  font-size:2em;
  margin:10px 0;
}
h1 p { /*subtitle*/
  font-size:14px;
  font-weight:normal;
  line-height:2em;
}
h2 { /*panel title*/
  font-size:1.5em;
  margin-bottom:1em;
}
#m_ft { /*footer*/
  margin-top:20px;
} 
#m_all { /*the page*/
  position:absolute;
  width:600px;
  left:50%;
  margin-left:-300px;
  text-align:center;
}
#m_main { /*main part of the page*/
  text-align:left;
}
#m_msg { /*the auto-fading message box*/
  position:absolute;
  display:none;
  top:0;
  height:20px;
  padding:5px;
  background-color: #fff;
  border:2px solid #cedff5;
  border-radius:5;
  color:#17385b;
  font-weight:bold;
  overflow:ellipse;
}

#panel-receipt-input {
  position:relative;
  left:50%;
  width:320px;
  margin-left:-160px;
}
#panel-receipt-list {
  position:relative;
  left:50%;
  width:440px;
  margin-left:-220px;
}

.frame-panel {
  border:2px solid #cedff5;
}
.msg-red {
  color:#c00 !important;
}
.msg-green {
  color:#393 !important;
}
